* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}
#navigation{
    position: absolute;
    display: inline-block;
    top:102px;
    padding-left: 20px;
    width: 1343px;
    height: 400px;
    border-bottom:1px solid #fff;
    overflow: hidden;
    margin-left: 20px;
    z-index:1
}
#list{
    position: absolute;
    z-index: 1;
    width:700%;
    height: 400px;
}
#list img{
    float: left;
    width:1343px;
    height:400px;
}
#buttons {
    position: absolute;
    left:640px;
    width:150px;
    height:15px;
    bottom:20px;
    z-index:2;
}
#buttons span{
    float: left;
    margin-right: 8px;
    width: 15px;
    height:15px;
    border:1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
}
#buttons .on{
    background-color: royalblue;
}
.arrow{
    position: absolute;
    top:160px;
    z-index: 2;
    display: none;
    width: 80px;
    height:80px;
    font-size: 50px;
    font-weight:bold;
    line-height: 79px;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,.3);
    cursor: pointer;
}
.arrow:hover{
    background-color:rgba(0,0,0,.5);
}
#navigation:hover .arrow{
    display: block;
}
#prev{
    left:40px
}
#next{
    right:20px;
}
.search{
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 260px;
    left:380px;
    height: 75px;
    line-height: 75px;
    background-color: rgba(0,0,0,.5);
    width:700px;
    border-radius: 5px;
}
.search:hover{
    background-color: rgba(0,0,0,.7);
}
.form-style{
    margin-left:30px;
    margin-top:25px;
    width:550px;
}
.btn-search{
    display: inline-block;
    position: absolute;
    margin-left: 570px;
    top:5px;
}
.introduction{
    position: absolute;
    display: block;
    width: 1343px;
    height:50px;
    top:500px;
    margin-left:20px;
    background-color: #4D718B;
    border-bottom:1px solid #333;
}
.admin-service{
    position: absolute;
    display: inline-block;
    width:33.3%;
    height:50px;
    line-height:60px;
    text-align: center;
    border-right:2px solid #fff;
}
.admin-service.unit-service{
    left:33.3%;
}
.admin-service.grid-service{
    left:66.6%;
}
.unit-span{
    font-family: "Microsoft YaHei UI";
    font-size:20px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    letter-spacing:2px;
    width:250px;
    height:50px;
    line-height:50px;
    text-align: center;
}
.online-grid{
    position: absolute;
    width:100%;
    height:50px;
    line-height:50px;
    text-align: center;;
}
.online-grid:hover{
    background-color: rgba(0,0,0,.4);
}
.service{
    position: absolute;
    display: inline-block;
    width:25px;
    height:25px;
    left:90px;
    top:15px;
    cursor: pointer;
}
.belly{
    display: block;
    position: absolute;
    width:1343px;
    height:140%;
    background-color: #263741;
    top:552px;
    margin-left:20px;
}
.icons{
    display: inline-block;
    position: absolute;
    width:1343px;
    height:180px;
    line-height:100px;
    border-bottom:1px solid #fff;
}
.resource-manage{
    display: inline-block;
    position: absolute;
    top:10px;
    line-height:120px;
    width: 120px;
    height:140px;
    margin-left:200px;
    cursor: pointer;
}
.icons-image{
    display: inline-block;
    position: absolute;
    width:120px;
    height:120px;
    line-height:120px;
}
.instruction-span{
    display: block;
    position: absolute;
    top:85px;
    left:20px;
    font-family: "Microsoft YaHei UI";
    font-weight:bold;
    font-size:20px;
    color: #fff;
    width:120px;
}
.service-fb{
     left:200px;
 }
.map-api{
    left:400px;
}
.online-map{
    left:600px;
}
.system-manage{
    left:800px;
}
.part-introduction{
    display: block;
    position: absolute;
    width:1343px;
    height:300px;
    border-bottom:1px solid #fff;
    top:200px;
}
.resource-manage-intro{
    display: none;
    position: absolute;
    width:90%;
    height:280px;
    margin-left: 200px;
    top:20px;
}
.intro-title{
    display: inline-block;
    position: absolute;
    width:30%;
    height:50px;
    line-height:50px;
    text-align: left;
    color: #fff;
    font-size: 18px;
    font-weight:bold;
}
.intro-message{
    display: block;
    position: absolute;
    top:65px;
    height:200px;
    width:30%;
    text-align: left;
    color: #fff;
    font-style: 18px;
}
.intro-picture{
    display: inline-block;
    position: absolute;
    left:40%;
    top:20px;
    width:300px;
    height:200px;
}
.intro-picture-resource{
    display: block;
    position: absolute;
    width:300px;
    height:200px;
}
.resource{
    display: none;
}
.service{
    display: none;
}
.online{
    display: none;
}
.manage{
    display: block;
}
.of-the-public{
    display: block;
    position: absolute;
    width:1343px;
    height:400px;
    border-bottom:1px solid #fff;
    top:300px;
}
.pub-of-first{
    display: inline-block;
    position: absolute;
    width:230px;
    height:330px;
    top:30px;
    bottom:10px;
    left:200px;
}
.first-intro{
    display: inline-block;
    position: absolute;
    width:230px;
    height:330px;
    line-height:380px;
    z-index: 1;
}
.associate-platform{
    display: inline-block;
    position: absolute;
    width :85px;
    height:60px;
    border-radius: 50%;
    background-color: #F678E6;
    z-index:2;
    top:-30px;
    left:75px;
    border:1px solid #fff;
}
.associate-span{
    display: inline-block;
    position: absolute;
    z-index: 3;
    font-size:14px;
    color: #fff;
    top:20px;
    left:14px;
}
.specific-information{
    display: inline-block;
    position: absolute;
    top:30px;
    height:200px;
    width: 200px;
    text-align: center;
    z-index:3;
}
.specific-title{
    display: inline-block;
    position: absolute;
    top:10px;
    font-size:17px;
    font-weight:bold;
    color: #fff;
    left:80px;
}
.information-message{
    display: block;
    position: absolute;
    top:40px;
    left:15px;
    color: #fff;
    text-align: left;
}
.second{
    left:490px;
}
.back2{
    background-color: #93D4DA;
}
.third{
    left:290px;
    top:0px;
}
.back3{
    background-color: #F3F7DC;
}
.font-style{
    color: greenyellow;
}
.forth{
    left:585px;
    top:0px;
}
.span-style{
    color: purple;
}